<template>
    <div class="navbar">
        <div class="nav-left">
            <div class="left-h"></div>
            <p class="left-value">{{title}}</p>
        </div>
        <template v-if="path">
            <router-link :to="path">
                <span class="iconfont right2">&#xe606;</span>
            </router-link>
        </template>
    </div>
</template>
<script>
export default {
    name:'navbar',
    props:{
        title:{
            type:String
        },
        path:String,
    }
}
</script>
<style lang='less' scoped>
.navbar{
    border-bottom: 1px solid #E0E0E0;
    height: .64rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .37rem 0 .23rem;
    .nav-left{
        display: flex;
        height: .64rem;
        align-items: center;
        .left-h{
            width: .06rem;
            height: .27rem;
            background: #389E01;
            border-radius: 2px;
        }
        .left-value{
            font-size: .28rem;
            color: #4F4F4F;
            margin-left: .18rem;
            font-weight: 600;
        }
    }
    .right2{
        color:#6C6C6E;
        font-weight: 600;
        font-size: .28rem;
    }
}
</style>